<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<!-- 引入bootstrapcss -->
	<link rel="stylesheet" type="text/css" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
	<script type="text/javascript" src="../bower_components/jquery/dist/jquery.min.js"></script>
	<!-- 引入bootstrapjs -->
	<script type="text/javascript" src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
	<!-- 表格样式 -->
	<script type="text/javascript" src="../bower_components/bootstrap/js/bootstrap-table.min.js"></script>
	<script src="../bower_components/bootstrap/js/bootstrap-table-zh-CN.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$("#reportTable").bootstrapTable({
			method:'get',
			cache:false,
            striped: true,
			// 分页
			pagination:true,//显示下方分页栏
			pageNumber:1,
			pageSize:10,
			pageList:[5,10,20],
			showRefresh:true,
			showColumns:true,
			columns:[
				{
					checkbox:true,
				},{
					field:'name',
					title:'列表1'
				},{
					field:'email',
					title:'列表2'
				},{
					field:'address',
					title:'列表3'
				}
			],
			data:[
				{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"李四",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"王五",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"aa",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"李四",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"王五",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"aa",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"李四",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"王五",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"aa",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"李四",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"王五",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"aa",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"李四",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"王五",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"aa",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"李四",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"王五",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"aa",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"李四",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"王五",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"aa",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"李四",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"王五",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"aa",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"李四",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"王五",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"张三",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				},{
					"name":"aa",
					"email":"233256@qq.com",
					"address":"安徽合肥"
				}
			],


		});
	});
	</script>
<body>
	<div><table class="table-bordered" id="reportTable" ></table></div>
</body>
</html>